<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>1.超时定时器</title>
</head>

<body>
  <button>清除</button>
</body>
<script>
  //第二个参数是时间间隔  单位毫秒
  var timeId = window.setTimeout(function () {
    console.log(1)
  }, 4000)//两秒后执行第一个参数（函数），只一次
  var timeId1 = window.setTimeout(function () {
    console.log('五秒后执行')
  }, 5000)//5秒后执行第一个参数（函数），只一次
  //清除定时器
  //clearTimeout(timeId1)
  //间隔定时器，每个一段时间（参数2）执行一次
  var interId = setInterval(function () {
    console.log(3)
  }, 1000)
  console.log(interId);
  var button = document.getElementsByTagName('button')[0]
  button.onclick = function () {
    //清除间隔器
    clearInterval(interId)
  }
</script>

</html>